import React, { useState } from 'react'
import { Popup, Button } from 'antd-mobile'
import '../css/Jly_zfts.css'
import { useDispatch } from 'react-redux'
import { changeDefaultState } from "../../../redux/slice/DefaultSlice"
export default function Jly_zfts() {
    const dispatch = useDispatch()
    const [visible7, setVisible7] = useState(true)
    return (
        <div>
            <Popup
                visible={visible7}
                showCloseButton
                onClose={() => {
                    setVisible7(false)
                }}
            >

                <div className='jly_zfts_title'>
                    待支付订单
                </div>
                <div className='jly_zfts_content'>
                    <h3>您有一笔待支付订单</h3>
                    <p>您有一笔订单未支付,请支付后再叫车吧</p>
                </div>
                <div className='jly_zfts_btn'>
                    <Button block color='primary' size='large' onClick={()=>{dispatch(changeDefaultState(9))}}>
                        去支付
                    </Button>
                </div>

            </Popup>
        </div>
    )
}
